
<style lang="css" scoped>
/* table 样式 */
.req-ans-content >>> table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.req-ans-content >>> table td,
.req-ans-content >>> table th {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 3px 5px;
}
.req-ans-content >>> table th {
  border-bottom: 2px solid #ccc;
  text-align: center;
}

/* blockquote 样式 */
.req-ans-content >>> blockquote {
  display: block;
  border-left: 8px solid #d0e5f2;
  padding: 5px 10px;
  margin: 10px 0;
  line-height: 1.4;
  font-size: 100%;
  background-color: #f1f1f1;
}

/* code 样式 */
.req-ans-content >>> code {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background-color: #f1f1f1;
  border-radius: 3px;
  padding: 3px 5px;
  margin: 0 3px;
}
.req-ans-content >>> pre code {
  display: block;
}

/* ul ol 样式 */
.req-ans-content >>> ul, ol {
  margin: 10px 0 10px 20px;
}
</style>

<template>
  <div class="req-ans-content" v-html="content"></div>
</template>
<script>
export default {
  name: 'RequestAnswerContent',
  props: ['content'],
  data () {
    return {}
  },
  methods: {
    // 界面初始化方法
    init () {
    }
  },

  mounted: function () {
    this.init()
  }
}
</script>
